/**banner轮播**/
.indexCon{width:100%;overflow:hidden; margin:0px auto;position: relative;z-index: 1;}
.indexCon .flashBanner{width:100%; overflow:hidden;}
.flashBanner{position:relative;}
.flashBanner .mask{padding:15px 0;background-color:#000;width:100%;text-align:center;position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle; border:#fff solid 2px;margin-right:10px;cursor:pointer;width: 60px;height: 25px;}
.flashBanner .mask img.show{ border:#00c7c2 solid 2px;}
img.bigImg{width: 100%;display: block;position: relative;z-index: 1;}
@media screen and (max-width:750px){
.flashBanner .mask{ padding:6px 0;}
}

/*热门*/
.hotspot{width: 100%;height: 70px; position: relative;background: url(../images/hotbg.jpg) repeat;}
.hotspot .container{overflow: hidden;}
.hotspot p.fl{ text-align: left;line-height: 70px;}
.hotspot p.fl span{display: inline-block;color: #00c7c2;font-size: 16px;}
.hotspot p.fl a{color: #333;font-size: 16px;}
.hotspot p.fl a:hover{display: inline-block;color: #00c7c2;}
.hotspot.current .hotbox3{margin-right: 0;opacity: 1;}
.topphone{font-size: 18px;color: #333;height: 70px;line-height: 72px;float: right;}
.topphone span{background: url(../images/h_phone.png) left no-repeat;display: inline-block;font-size: 16px;color: #333;padding-left: 35px;}
.topphone span i{display: inline-block;color: #00c7c2;font-size: 16px;}
.topphone b{display: inline-block;font-size: 26px;color: #00c7c2;font-weight: 700;}
.topphone.current{opacity: 1;right: 0;}
.hotspot p.fl.current{opacity: 1;left: 0;}
@media screen and (max-width:1200px){
.topphone{display: none;}
}
@media screen and (max-width:640px){
.hotspot{height: auto;padding:10px 0;}
.hotspot p.fl{float: none;line-height: 23px;}
}

/*标题*/
.htitle{padding:4% 0 3% 0;opacity: 0;position: relative;
transform: scale(0.8,0.8); 
-moz-transform: scale(0.8,0.8); 
-ms-transform: scale(0.8,0.8);  
-o-transform: scale(0.8,0.8);  
-webkit-transform: scale(0.8,0.8); }
.htitle h3{font-size: 36px;color: #333;text-align: center;}
.htitle h3 em{display: inline-block;font-size: 36px;color: #00c7c2;}
.htitle p{font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
.htitle.current{opacity: 1;
transform: scale(1.0,1.0); 
-moz-transform: scale(1.0,1.0); 
-ms-transform: scale(1.0,1.0); 
-o-transform: scale(1.0,1.0); 
-webkit-transform: scale(1.0,1.0);}
@media screen and (max-width:680px){
.htitle{padding:35px 0 15px 0;}
.htitle p{margin:10px 15px;font-size: 14px;}
.htitle h3,.htitle h3 em{font-size: 24px;}
}
/*产品*/
.hprobox{position: relative;width: 100%;max-height: 920px;overflow: hidden;}
.hprobox .swiper-slide{width: 100%;}
.hprobox .swiper-slide li{width: 32.33%;width: 32%\0;margin-right:1.5%;margin-bottom:1.8%;float: left;overflow: hidden;position: relative;}
.hprobox .swiper-slide li:nth-child(3n){margin-right: 0;}
.hprobox .swiper-slide li a{display: block;height:380px;overflow: hidden; position:relative;border:1px solid #e7e9eb;}
.hprobox .swiper-slide li a img{display: block;width:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;transition: all 1s ease 0s;}
.hprobox .swiper-slide li p{line-height:50px;height: 50px;text-align: center;border:1px solid #e7e9eb;border-top:none; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;}
.hprobox .swiper-slide li p:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#00c7c2; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.hprobox .swiper-slide li p em{display: block;position: relative;;z-index:999;font-size: 18px;color: #333;}    
.hprobox .swiper-slide li>a:after,.hprobox .swiper-slide li>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;z-index: 9;}
.hprobox .swiper-slide li>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.hprobox .swiper-slide li:hover>a:before{ opacity:1;}
.hprobox .swiper-slide li:hover>a:before span{display: none;}
.hprobox .swiper-slide li>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#00c7c2; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);opacity: 0;}
.hprobox .swiper-slide li:hover>a:after{opacity: 1; left:37%;}
.hprobox .swiper-slide li:hover p:before{ height:100%;color: #fff;}
.hprobox .swiper-slide li:hover p em{color: #fff;}
.hprobox .swiper-slide li:hover p{border:1px solid #00c7c2;border-top:none;}
.hprobox .swiper-slide li:hover a{border-color: #00c7c2;}
.hprobox .swiper-slide li:hover a img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
.bigprobox{display: block;position: relative;bottom: -200px;opacity: 0;}
.smllprobox{display: none;}
.bigprobox.current{opacity: 1;bottom: 0;}
.protab{font-size:0; padding:0 0 40px 0;}
.protab a{width:18%;padding-left:1%;width:14.3%\0; height:60px; line-height:60px;margin-right: 1.2%;display:block;float: left; /*text-indent: 1%;text-indent: 1%\9\0;*/ position:relative;background:#e7e9eb; font-size:18px; color:#333333;transition:all .3s ease;}
.protab a:last-child{margin-right: 0;}
.protab a:after{ content:''; display:block; position:absolute; width:26px; height:24px; background:url(../images/pico1.png) no-repeat center; transition:all .3s ease; top:18px; right:16px;}
.protab a.proon:after,.protab a.active:after{ background:url(../images/pico2.png) no-repeat center;}
.protab a.proon,.protab a.active{ background:#00c7c2; color:#fff;}
.hprolist{}
.hprolist li{width: 32.33%;margin-right:1.5%;margin-bottom:1.8%;float: left;overflow: hidden;position: relative;}
.hprolist li:nth-child(3n){margin-right: 0;}
.hprolist li a{display: block;height:380px;overflow: hidden; position:relative;border:1px solid #e7e9eb;}
.hprolist li a img{display: block;width:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;transition: all 1s ease 0s;}
.hprolist li p{line-height:50px;height: 50px;text-align: center;border:1px solid #e7e9eb;border-top:none; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;}
.hprolist li p:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#00c7c2; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.hprolist li p em{display: block;position: relative;;z-index:999;font-size: 18px;color: #333;}    
.hprolist li>a:after,.hprolist li>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;z-index: 9;}
.hprolist li>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.hprolist li:hover>a:before{ opacity:1;}
.hprolist li:hover>a:before span{display: none;}
.hprolist li>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#00c7c2; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);opacity: 0;}
.hprolist li:hover>a:after{opacity: 1; left:37%;}
.hprolist li:hover p:before{ height:100%;color: #fff;}
.hprolist li:hover p em{color: #fff;}
.hprolist li:hover p{border:1px solid #00c7c2;border-top:none;}
.hprolist li:hover a{border-color: #00c7c2;}
.hprolist li:hover a img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}

@media screen and (max-width:1440px){
.protab a{/*text-indent: 6%;*/}
.hprolist li a,.hprobox .swiper-slide li a{height:330px;}
.protab.container{margin:0 30px;}
.bigprobox .hprobox{max-height: 850px;}
}
@media screen and (max-width:1300px){
.protab a{width: 31.33%;margin-right: 1.5%;margin-bottom: 1.5%;}
.protab a:nth-child(3n){margin-right: 0;}
.smllprobox{display: block;}
.bigprobox{display: none;}
}
@media screen and (max-width:960px){
.hprolist li{width: 49%;margin-right: 1.5%;}
.hprolist li:nth-child(3n){margin-right: 1.5%;}
.hprolist li:nth-child(2n){margin-right: 0;}
.protab.container{margin:0 15px;}
}
@media screen and (max-width:640px){
/*.hprolist li{width: 100%;float: none;margin:0 0 15px 0;}*/
.hprolist li a{height:auto;max-height: 145px;}
.hprolist li a img{ position:relative;}
.hprolist li:hover>a:after{opacity: 1; left:25%;}
.hprolist li p{height: 45px;line-height: 45px;}
.protab div{padding-bottom: 20px;}
.protab a{width: 48%;margin-right: 1.5%;margin-bottom: 1.5%; text-align:center; font-size:16px; height:45px; line-height:45px;}
.protab a:nth-child(3n){margin-right: 1.5%;}
.protab a:nth-child(2n){margin-right: 0;}
.protab a:after{ display:none;}
}
@media screen and (max-width:480px){
.protab a{font-size: 15px;text-indent:10px;} 
.hprolist li p em{font-size: 16px;} 
}

/*关于我们*/
.habout{background: url(../images/abbg1.jpg) top center no-repeat;}
@media screen and (max-width:1300px){
.habout{margin-top: 20px;}
}
.habout .htitle h3,.habout .htitle p{color: #fff;}
.habbox{padding:3%;background: url(../images/abbg2.jpg) top center repeat;box-shadow: 5px 5px 15px -5px #666;position: relative;bottom:-100px;opacity: 0;}
.habbox.current{opacity: 1;bottom: 0;}
.hableft{float: left;width: 50%;overflow: hidden;height: 565px; position:relative; background-color:#fff;}
.habright{float: right;width: 45%;}
/*.hableft img{display: block;height: 100%;}*/
.habimgbox img{display: block;width: 100%;}
.habimg_dian{
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;right: 10px;
  text-align: right;
}
.habimg_dian span{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #555;
  cursor: pointer;
}
.habimg_dian span.swiper-active-switch {
  background: #00c7c2;border: 1px solid #00c7c2;
}

.habinfo h2{font-size: 60px;color: #00c7c2;font-family: 'Impact'}
.habinfo h4{font-size: 24px;color: #333;font-weight: 500;}
.habinfo h5{font-size:16px;color: #00c7c2;margin-bottom: 20px;}
.habinfo i{display: block;width: 45px;height: 1px;background-color: #00c7c2;margin:20px 0;}
.habinfo p{font-size: 14px;color: #666;line-height: 33px;}
a.habbtn{background-color: #ff981c;width: 145px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;display: block;position: relative;overflow: hidden;margin-top: 30px;}
a.habbtn{z-index: 5;transition: 0.5s;}
a.habbtn::before{content: "";width: 0;background-color: #00c7c2;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.habbtn:hover::before{width: 100%;}
.habico{margin-top:35px;}
.habico a{display: block;float: left;width: 31.33%;margin-right: 2%;}
.habico i{width:23%;display: block;float: left;-webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.habico i img{display: block;width: 100%;}  
.habico span{display: block;width:70%;float: left;font-size:18px;color: #333;font-weight: 700;position: relative;top:10px;left: 10px;}
.habico span em{font-size:14px;color: #9eadbd;display: block;font-weight: 500;}
.habico a:hover i{transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
.habico a:hover span{color: #00c7c2;}
@media screen and (max-width:1680px){
.hableft{width:45%;height: 520px;}
.habright{width: 50%;}
/*.habimgbox img{ width:auto; height:100%;}*/
}
@media screen and (max-width:1440px){
.habico span em{display: none;}
.hableft{width:45%;height: 460px;}
.habinfo h5{ margin-bottom:0;}
a.habbtn{margin-top:10px;}
.habinfo i{margin:10px 0;}
}
@media screen and (max-width:1300px){
.hableft{width: 100%;float: none;height: 300px;}
.habimgbox img{display: block;height: 300px; width:auto; margin:auto;}
/*.hableft .swiper-slide{max-height:300px;}*/
.habright{width: 100%;float: none;margin-top: 20px;padding-bottom: 20px;}
.habico span em{display: block;}
.habico i{width: 13%;}
.habico span{width: 80%;}
}
@media screen and (max-width:960px){
.habico span em{display: none;}
.habico i{width: 25px;}
.habico span{width:auto;}
.habinfo h2{font-size: 40px;}
.habinfo p{ line-height:28px;}
.habico span{font-size: 14px;}
.hableft{height: 200px;}
.habimgbox img{display: block;height: 200px; width:auto; margin:auto;}
}
@media screen and (max-width:480px){
.habico span{font-size: 14px;}
}

/*优势*/
.hystitle h3{color: #00c7c2;}
.hystitle img{width: 930px;max-width: 100%;display: block;margin:10px auto 0;}
.hyoushi{overflow: hidden;}
.youshitab a{display: block;width: 23%;margin:1%;float: left;position: relative;left: -200px;opacity: 0;}
.youshitab a div{width: 301px;max-width: 100%;height: 152px;margin:0px auto;background: url(../images/ybg1.png) no-repeat;background-size:100%;}
.youshitab a div span{display: block;font-size: 30px;color: #fff;font-weight: 700;text-align: center;opacity: 0.7;transition: 0.5s;margin-top: 11%;}
.youshitab a p{font-size: 16px;color: #9eadbd;text-align: center;margin-top: 5px;}
.youshitab a:hover div img,.youshitab a.youshion div img{opacity: 1;}
.youshitab a:hover div span,.youshitab a.youshion div span{opacity: 1;}
.youshitab a:hover div,.youshitab a.youshion div{ background: url(../images/ybg2.png) no-repeat;background-size:100%;}
.youshitab a i{ display:block;margin:0 auto;position: relative;top:15%; width:53px; height:60px; background:url(../images/ysico.png) no-repeat top left; transition:all .5s ease;}
.youshitab a:nth-child(2) i{ background-position-x:-54px;}
.youshitab a:nth-child(3) i{ background-position-x:-120px;}
.youshitab a:nth-child(4) i{ background-position-x:-197px;}
.youshitab a.youshion i{ background-position-y:-81px;}
.youshitab.current a{opacity: 1;left: 0;}
.youshiCon{background: url(../images/ysbg.jpg) bottom center no-repeat;}
.ysleft{float: left;width: 50%;overflow: hidden;height: 560px;}
.ysright{float: right;width: 45%;position: relative;}
@media screen and (min-width:1660px){
.ysrinfo{ margin-right: 160px;}
}
@media screen and (max-width:1660px) and (min-width:1300px){
.ysrinfo{ margin-right: 80px;}
}

.ysleft img{height: 100%;display: block;}
.ysrinfo h2{font-size: 72px;color: #cfd5db;background: url(../images/su.jpg) bottom center no-repeat;padding-bottom:30px;width:75px; }
.ysrinfo h3{font-size: 36px;color: #00c7c2;margin:10px 0;}
.ysrinfo h4{font-size: 24px;color: #9eadbd;font-weight: 500;border-bottom: 1px solid #cfd5db;padding-bottom: 15px;}
.ysrinfo p.ystxt{margin-top: 30px;clear: both;font-size: 16px;color: #666;background: url(../images/ico3.png) left top no-repeat;background-position: 0 7px;padding-left: 40px;line-height: 28px;}
.ysdi{margin-top: 8%;height: 68px;line-height: 68px;}
.ysdi img{max-width: 100%;}
.ysico1{display: block;}
.ysphone{display: none;width: 100%;background: url(../images/ysbg.jpg) no-repeat;padding:20px 0;}
.ysphone img{max-width: 100%;margin-left:6%;}
@media screen and (max-width:1300px){
.ysleft,.ysright{float: none;width: 100%;height: auto;}
.ysright{margin-top: 20px;}
.ysleft img{width: 100%;height: auto;}
.ysrinfo{margin:0px 80px;}
.ysdi{display: none;}
.ysico1{display: none;}
.ysphone{display: block;margin-top: 20px;}
.youshiCon{background-image: none;}
}
@media screen and (max-width:1200px){
.youshitab a div{height: 135px;}
}
@media screen and (max-width:1100px){
.youshitab a div{height: 125px;}
.youshitab a div span{margin-top: 4%;}
}
@media screen and (max-width:960px){
.youshitab a div{height: auto;padding:15px 0;}
.youshitab a div span{margin-top: 0;font-size: 24px;}
.youshitab a i{width: 30px;height: 34px;background-size: 100% 100%;}
.youshitab a:nth-child(1) i{background: url(../images/yico1.png) no-repeat;background-size: 100% 100%;}
.youshitab a:nth-child(2) i{background: url(../images/yico2.png) no-repeat;background-size: 100% 100%;}
.youshitab a:nth-child(3) i{ background: url(../images/yico3.png) no-repeat;background-size: 100% 100%;}
.youshitab a:nth-child(4) i{ background: url(../images/yico4.png) no-repeat;background-size: 100% 100%;}
}
@media screen and (max-width:740px){
.youshitab a p{display: none;}
.youshitab a div,.youshitab a:hover div, .youshitab a.youshion div{background-size: 100% 100%;}
.ysrinfo{margin:0px 30px;}
.ysphone img{margin:0px auto;width: 90%;display: block;}
.ysrinfo h2{font-size: 32px;width: 40px; background-image:none; padding-bottom:0;}
.ysrinfo h3{font-size: 24px;}
.ysrinfo h4{font-size: 16px;}
}
@media screen and (max-width:480px){
.youshitab a div{background: #00c7c2;}
.youshitab a:hover div, .youshitab a.youshion div{background: #ff981c;}
.youshitab a div span{margin-top: 10px;font-size: 14px;}
}

/*应用领域*/
.hyingyong{background: url(../images/bg1.jpg) repeat;}
.hyybox{position: relative;bottom: -200px;opacity: 0;}
.hyybox.current{bottom: 0;opacity: 1;}
.hyybox li{float: left;width: 12.5%;transition: 0.5s;}
.hyybox li p{font-size: 16px;color: #333;text-align: center;background-color: #fff;line-height: 35px;transition:0.2s ease all;}
.hyybox li span{display: block;width: 100%;position: relative;height: 100%;}
.hyybox li img{width: 100%;position: relative;display: block;}
.hyybox li span:before{content: "";width:100%;background-color: rgba(0,0,0,0.7); height:0;transition:0.2s ease all;position: absolute;top: 0;left: 0;opacity: 0;}
.hyybox li:nth-child(odd){padding-top: 80px;}
.hyybox li:nth-child(odd) span{border-bottom: 4px solid #00c7c2;}
.hyybox li:nth-child(even) span{border-top: 4px solid #00c7c2;}
.hyybox li:hover span:before{height: 100%;opacity: 1;z-index: 999;}
.hyybox li:hover:nth-child(even) span:before{height: 100%;}
.hyybox li:hover p{background-color: #00c7c2;color: #fff;}
@media screen and (max-width:960px){
.hyybox li{width: 25%;}
.hyybox li:nth-child(odd){padding-top: 0px;}
}
@media screen and (max-width:540px){
.hyybox li{width: 48%;position: relative;height: 240px;margin:1%;} 
.hyybox li span{height: 200px;overflow: hidden;}
.hyybox li p{width: 100%;position: absolute;bottom: 0;left: 0;background-color: #fff;line-height: 40px;font-size: 14px;}
.hyybox li:nth-child(odd) span{border-bottom: none;}
.hyybox li:nth-child(even) span{border-top: none;}
}
/*新闻中心*/
.hnewsNav{width: 50%;height: 0.4rem;margin:0px auto 2%; z-index: 999;position: relative;bottom: -100px;opacity: 0;}
.hnewsNav a{display: block;width: 29.33%;margin:0 2%; float: left;font-size: 24px;color: #333;text-align: center;background-color: #e7e9eb;height: 60px;line-height: 60px;}
.hnewsNav a:hover,.hnewsNav a.hnewson{color: #fff;background-color: #00c7c2;}
.hnewsNav a i{display: inline-block;width: 30px;height: 30px;position: relative;right: 10px;top: 5px;}
.hnewsNav a:nth-child(1) i{background: url(../images/nico1.png) no-repeat;background-size: 100% 100%;}
.hnewsNav a:nth-child(2) i{background: url(../images/nico2.png) no-repeat;background-size: 100% 100%;}
.hnewsNav a:nth-child(3) i{ background: url(../images/nico3.png) no-repeat;background-size: 100% 100%;}
.hnewsNav a:hover:nth-child(1) i,.hnewsNav a.hnewson:nth-child(1) i{background: url(../images/nico1-1.png) no-repeat;}
.hnewsNav a:hover:nth-child(2) i,.hnewsNav a.hnewson:nth-child(2) i{background: url(../images/nico2-1.png) no-repeat;}
.hnewsNav a:hover:nth-child(3) i,.hnewsNav a.hnewson:nth-child(3) i{background: url(../images/nico3-1.png) no-repeat;}
.hnewsCon{margin-top: 20px;position: relative;bottom: -200px;opacity: 0;}
.hnewsNav.current,.hnewsCon.current{bottom: 0;opacity: 1;}
.hnewsleft{width: 60%;float: left;}
.hnewsright{width: 40%;float: right;margin-bottom: 30px;}
.hnewsleft li{width: 45%;margin-right: 5%;float: left;}
.hnlimg{display: block;width: 100%;max-height:260px;overflow: hidden; }
.hnlimg img{display: block;width: 100%;transition: 0.5s;}
.hnewltit{font-size: 18px;color: #333;font-weight: 700;padding:15px 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnlinfo{font-size: 14px;color: #9eadbd;margin-bottom: 10px;}
.hnldi span{display: inline-block;font-size: 14px;color: #9eadbd;line-height: 30px;}
.hnldi i{display: inline-block;float: right;width:30px;height: 30px;background: url(../images/l1.png) no-repeat; }
.hnldi{border-bottom: 2px solid #9eadbd;padding-bottom: 15px;}
.hnewsleft li a{display: block;}
.hnewsleft li:hover .hnewltit{color: #00c7c2;}
.hnewsleft li:hover .hnldi i{background: url(../images/l2.png) no-repeat;}
.hnewsleft li:hover .hnldi{border-bottom: 2px solid #00c7c2;}
.hnewsleft li:hover .hnlimg img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.hnewsright li{border:1px solid #eeeeee;border-right:none;border-bottom:none;padding:4% 0 4% 4%;height: 85px;}
.hnewsright li:last-child{border-bottom:1px solid #eeeeee;}
.hnrtxt{width: 80%;float: right;position: relative;}
a.hnrtit{width: 100%; font-size: 20px;color: #333;display: block;margin: 10px 0;font-weight: 700; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: 0.1s;}
.hnrtxt p{font-size: 14px;color: #9eadbd;overflow: hidden;}
.hnrdate{width: 15%;float: left;text-align: center;font-size:15px;color: #bcbcbc;transition: 0.5s;}
.hnrdate b{font-size: 60px;color: #676767;display: block;transition: 0.5s;}
.hnewsright li:hover{background-color: #f7f7f7;}
.hnewsright li:hover .hnrdate,.hnewsright li:hover a.hnrtit,.hnewsright li:hover .hnrdate b{color: #00c7c2;}
@media screen and (max-width:1300px){
.hnewsleft,.hnewsright{clear: both; width: 100%;float: none;}
.hnewsright{margin-top: 30px;}
.hnewsleft li{width: 47%;margin:1.5%;}
.hnewsNav{width: 80%;}
}
@media screen and (max-width:740px){
.hnewsNav{width: 100%;}   
.hnewsNav a{font-size: 18px;height: 45px;line-height: 45px;}
.hnewsCon{margin-top: 10px;}
.hnewsNav a i{width: 20px;height: 20px;background-size: 100% 100%!important;}
.hnewsright{margin-top: 0px;margin-bottom: 0px;}
.hnrdate b{ font-size:48px;}
.hnrdate{ width:20%;}
.hnrtxt{ width:78%;}
}
@media screen and (max-width:540px){
.hnewsleft li{width: 100%;margin-bottom:25px;float: none;}
.hnewsright li{height: 90px;overflow: hidden;}
.hnewsNav a i{display: none;}
a.hnrtit{font-size: 16px;}
.hnrtxt p{height: 40px;}
}